﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="../_scripts/jquery-1.8.2.js" type="text/javascript"></script>
    <script src="jquery.mfixed.js" type="text/javascript"></script>
    <style type="text/css">
        .resizebox
        {
            width: 300px;
            height: 200px;
            background-color: #666;
        }
        .fixedbox
        {
            width: 100px;
            height: 100px;
            background-color: #777;
        }
        .containerA
        {
            width: 300px;
            height: 200px;
            border: solid 5px #ddd;
            background-color: #eee;
            margin: 300px auto;
        }
        .containerB
        {
            width: 300px;
            height: 200px;
            border: 2px; /*border: solid 5px #eee;*/
            position: relative; /*top: -290px;
            left: 0px;*/
            top: 0px;
            left: 0px;
        }
        
        .resizebox
        {
            position: relative;
            top: 0;
            left: 350px;
        }
    </style>
</head>
<body>
    <div class="containerA">
        <div class="resizebox">
        </div>
    </div>
    <script type="text/javascript">
        $('.resizebox').posfixed();    
    </script>
</body>
</html>
